import type { LegacyRef } from 'react';
import { SizeEnum } from '../common';

export interface StepOptions {
  /**
   * 激活
   */
  active?: boolean;
  /**
   * 完成
   */
  completed?: boolean;
  /**
   * 链接
   */
  link?: boolean;
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface StepGroupOptions {
  /**
   * 堆叠
   */
  stackable?: 'tablet';
  /**
   * 不可堆叠
   */
  unstackable?: boolean;
  /**
   * 排序
   */
  ordered?: boolean;
  /**
   * 垂直
   */
  vertical?: boolean | 'right';
  /**
   * 流体
   */
  fluid?: boolean;
  /**
   * 附属
   */
  attached?: boolean | 'top' | 'bottom';
  /**
   * 宽度
   */
  widths?:
    | 1
    | 2
    | 3
    | 4
    | 5
    | 6
    | 7
    | 8
    | '1'
    | '2'
    | '3'
    | '4'
    | '5'
    | '6'
    | '7'
    | '8'
    | 'one'
    | 'two'
    | 'three'
    | 'four'
    | 'five'
    | 'six'
    | 'seven'
    | 'eight';
  /**
   * 尺寸大小
   */
  size?: SizeEnum;
  /**
   * 深色背景
   */
  inverted?: boolean;
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface StepContentOptions {
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface StepTitleOptions {
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface StepDescriptionOptions {
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}
